﻿/* eyoucms.com 易优CMS -- 好用,免费,安全 */
@charset "utf-8";
/* CSS Document */
body{ font-size: 14px; }
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div { border:0 none; margin:0; padding:0; font-weight:normal; font-family:"微软雅黑";}
header,footer, section, details, aside, menu, nav, article, hgroup, figure, figcaption, time { display:block; margin:0px; padding:0px;}
ul,ol,li{ list-style-type:none;}
select,input,img{ vertical-align:top;}
a img{ border:0;}
em,i{ font-style:normal;}
a:hover{ text-decoration:underline;}
a,a:active,a:focus { outline:none;}
textarea { resize:none;}
table { border-collapse:collapse; border-spacing:0;}
h2, h3, h4, h5, h6{ font-size:14px; font-weight:bold;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;/*IE/7/6*/}
a{ color:#2a2a2a; text-decoration:none;}
a:hover { color:#2a2a2a; text-decoration:underline;}
body{min-width: 1200px;}
.warp{ width: 1200px;margin: 0 auto; }
.fl{ display: inline; float: left; }
.fr{ display: inline; float: right; }
/* 头部 */
.header{ width:100%; height:197px;}
.top-wz{ height:33px; line-height:33px; background: #F1F1F1; border-bottom: 1px solid #D8D8D8; color:#939393; margin:0 auto;}
.top-wz a{ color:#969696;margin: 0 7px;}
.top-wz .l{ width:990px; font-size:12px; float:left;}
.top-wz .r{ width:210px; font-size:12px; text-align:right; float:left;}
.top-tel{ background: url(img/tel.png) center left no-repeat; line-height: normal; padding-left: 54px; height: 50px; font-size:30px; color:#333; font-size: 14px; position: absolute;right: 0; top: 35px;}
.top-tel p{ font-size:30px; font-family: Impact; color: #4c9418;}
.headermin{ height: 113px;position: relative; }
.headermin .logo{position: absolute;left: 0; top: 31px;}
/*menu*/
#menu{height:50px; background: #4C9417; font-family:"微软雅黑"; z-index: 3;}
#menu li{height:50px; width: 133px; text-align:center;float:left; display:inline; }
#menu li a{ color:#fff; display:block; line-height: normal; padding-top: 14px; font-size: 15px; transition: all 0.4s; height: 36px; background-position: center;}
#menu li a span.aline{ display: block; font-size: 10px; overflow: hidden; display: block; transition: all 0.4s;text-transform: uppercase;}
#menu li a:hover,#menu li.hover a{text-decoration: none;background: #fecb00; color: #fff;}
#menu li a.cur,#menu li a.cur {text-decoration: none;background: #fecb00; color: #fff;}
#menu .hover a{ color: #0091E2; }

/*下拉菜单*/
#menu .mainlevel{ position:relative; z-index:99999;}
#menu .mainlevel .lbul{padding:0px; display:none; position:absolute; top:50px;width:133px;z-index:1000;}
#menu .mainlevel .lbul ul{ background: #61b425; width:133px; overflow:hidden; z-index:100; }
#menu li.mainlevel .lbul ul li{float:none; background:none;  height:28px;; margin:0 auto; zoom:1; }
#menu li.mainlevel .lbul ul li a{ display: block; height: 34px; padding: 0 10px;margin: 0; font-size: 14px; color: #fff;font-weight: normal; line-height: 34px; border-bottom: 1px solid #55a21d; background: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#menu li.mainlevel .lbul ul li a:hover{ background: #fff600; color: #000; border-color:#fff600; }
/*banner*/
.banner{width:100%;overflow:hidden; position:relative; z-index:1;height:450px; }
.banner .hd{height:20px; position:absolute;bottom:11px;z-index:50; text-align: center; width: 100%;} 
.banner .hd li{ width:40px; height:6px; display: inline-block; background:rgba(95,181,33,0.8); line-height:normal; font-size:14px; line-height:0px;overflow:hidden; color:#fff; text-indent: -5000px; margin: 0 2px;}
.banner .hd li.on{ background:rgba(255,200,0,1);}
.banner .flashbox{ position:relative; height:450px; overflow:hidden;}
.banner .flashbox li{width:100%;height:450px;}
.banner .flashbox li a{ display:block; height:450px;}

/* 公司简介 */
.us-box{ width:1200px; margin:34px auto 0 auto;}
.us-tu{ width:379px; height:360px; margin-right:31px; float:left;}
.us-cc{ width:790px; height:360px; float:left;}
.us-tit{ height:63px; background:url(img/ustitbg.png) no-repeat; overflow:hidden; padding-left: 70px; font-size: 30px; font-weight: bold; color: #549f1a; padding-top: 10px; margin-top: 11px;}
.us-tit span{ font-size:22px; font-weight:normal; display: block;}
.us-wz{ margin:15px 0 25px 0; color:#727272; line-height:26px; height:150px; overflow:hidden; font-size: 14px;}
.zxbt a{  float: left; width: 150px; height: 43px; font-size: 18px;  background: #4C9417; line-height: 43px; text-align: center; color: #fff; }
.zxbt a.online{ background: #EA8801;margin-left: 10px;}
.zxbt a.online span{ background: url(img/sanj.png)  right center no-repeat; padding-right: 20px; }

/* 产品展示 */
.pr-box{ width:100%; padding: 30px 0; padding-bottom: 45px; margin-top: 32px; background: #F6F6F6;}
.pr-tit{ height:84px; text-align:center; overflow:hidden; background: url(img/line.png) center 20px no-repeat; }
.pr-tit  h3{font-size: 36px; font-weight: normal; color: #4c9418}
.pr-tit span{ color:#e3e3e3; font-size:16px;  white-space: nowrap; text-transform: uppercase;}
.pnavlist{ overflow: hidden;text-align: center; }
.pnavlist li{ display: inline-block; min-width:130px; }
.pnavlist li a{ display: block; padding: 0 20px; height: 33px; line-height: 33px; background: #fff; color: #646363;  font-size: 16px; border-radius:16px;margin: 0 5px;}
.pnavlist li a:hover,.pnavlist li.cur a{ background: #4c9418; color: #fff;text-decoration: none;}
/*产品列表*/
.pnavlist{ padding-bottom: 7px; }
.prolist li{ display: inline; float: left; width: 288px; height: 336px; margin-top: 20px; margin-left: 15px; }
.prolist li a{ display: block; padding: 16px; padding-bottom: 0; height: 320px; width: 256px; background: #fff; overflow: hidden;text-decoration: none; text-align: center;}
.prolist li a .cppic{ background: #fff; width: 256px; height: 205px; overflow: hidden; display: table; text-align: center;}
.prolist li a .cppic span{ display: table-cell;width: 100%; height: 100%;vertical-align: middle; overflow: hidden;}
.prolist li a .cppic span img{ transition: all .4s;  max-height: 205px; max-width: 256px; vertical-align: middle;}
.prolist li a .ttbox { overflow:hidden; padding-top: 14px; }
.prolist li a .ttbox h4{ font-weight: normal;font-size: 16px;color: #5e5e5e; height: 44px; line-height: 44px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.prolist li a .ttbox  span{ display: block; height: 4px; width: 64px;margin: 0 auto ; line-height: normal;overflow: hidden; background: #bbb;transition: all .4s}
.prolist li a .ttbox p{ font-size: 10px; text-transform:  uppercase; margin-top: 10px; color: #5e5e5e;}
.prolist li a:hover{ background: #4C9417; }
.prolist li a:hover h4,.prolist li a:hover .ttbox p{ color: #fff; }
.prolist li a:hover .ttbox span{ background: #fff; width: 100%; }
.prolist li a:hover .cppic span img{transform: scale(1.1);}
.indexprbox{ position: relative; width: 1216px; margin-left: -16px; }
/*内页产品列表*/
.prolistny { position: relative; width: 903px; margin-left: -13px; }
.prolistny li{width: 288px; height: 336px;margin-left: 13px; overflow: hidden;}
.prolistny li a{ padding: 15px;border:1px solid #dedede;height: 304px;overflow: hidden;}
.prolistny li a:hover{ border-color:#4C9417}
/*case*/
.caseny{position: relative; width: 903px; margin-left: -13px; }
.caselist li{width: 288px;margin-left: 13px; overflow: hidden;display: inline; float: left;margin-top: 20px;}
.caselist li a{padding: 15px;border:1px solid #dedede; height: 188px; display: block;}
.caselist li a .cppic{background: #fff; width: 256px; height: 188px;margin: 0 auto; overflow: hidden;}
.caselist li a .cppic img{ width: 256px; height: 188px; transition: all .4s}
.caselist li a:hover .cppic img{ transform: scale(1.1); }
.caselist li p{ height: 30px; line-height: 30px; text-align: center;margin-top: 10px;}

/* 生产车间 */
.workshop{ padding: 30px 0;}
.indexshopbox{ width:1200px; height:263px;  position:relative; }
.indexshopbox .tempWrap{ overflow:hidden;margin: 0 auto;}
.indexshopbox .prev,.indexshopbox .next{ display:block; width:54px; height:91px; overflow:hidden; cursor:pointer; position:absolute; top: 50%; margin-top: -45.5px; z-index:10;}
.indexshopbox .prev{ right: -30px; background: url(img/next.png) no-repeat;}
.indexshopbox .next{left: -30px; background: url(img/prev.png) no-repeat;  }
.indexshopbox .shopscroll{ position: relative; overflow: hidden;width: 1110px;margin: 0 auto;}
.indexshopbox .shopscroll .workshoplist{ position: relative; }
.workshoplist li{width:345px; height:263px; display: inline; float: left; margin:0 18px;}
.workshoplist li a{ display: block;position: relative; background: #F5F3F4; text-align: center; padding: 16px 0;}
.workshoplist li a .workshoppic{ width:313px; height: 230px;margin: 0 auto;}
.workshoplist li a .workshoppic img{ width:313px; height: 230px;}
.workshoplist li a .cover{ top: 0;left: 0; position: absolute; height: 263px; width: 100%; background:url(img/black.png) repeat; color: #fff; transition: all .4s;filter:alpha(opacity=0);opacity: 0;}
.workshoplist li a .cover p{ font-size: 16px; padding-top: 8px; }
.workshoplist li a:hover .cover{ padding-top: 80px; height: 183px;filter:alpha(opacity=100); opacity: 1;}
/* 新闻中心 */
.news-box{width:100%; padding: 30px 0; background: #F6F6F6;}
.indexnews{ padding:30px 0 0 30px;}
.indexnews li{ width:555px; height:80px; margin:0 30px 40px 0; overflow:hidden; float:left;}
.indexnews li .rq{ width:109px; height:80px; background:url(img/rqbg.png) center center no-repeat; float:left;}
.indexnews li .rq p{ color:#3ca600; font-size:40px; height:40px; line-height:40px; display:block;}
.indexnews li .rq span{ color:#c6c6c6; font-size:30px; height:40px; line-height:40px; padding:0 0 0 60px; display:block;}
.indexnews li .con{ width:446px; height:80px; line-height:26px; float:left;}
.indexnews li .con p{ font-size:18px;}
.indexnews li .con a{ color:#949494; text-decoration: none;}
.indexnews li .con a p{ color:#4a4a4a;}
.indexnews li .con a:hover p{ color: #3ca600 }

.nnewslist li{margin-top: 21px; overflow: hidden;padding-bottom: 20px;border-bottom: 1px solid #F2F2F2;}
.nnewslist li .newspic{display: inline;float:left;width:130px; margin-right: 25px; text-align: center}
.nnewslist li h3{ font-size: 16px; font-weight: normal; height: 30px; line-height: 30px; padding-top: 10px;}
.nnewslist li p{ color: #666; font-size: 12px; }
.nnewslist li .newspic img{ max-width: 130px; max-height: 143px; }

/*footer*/
#footer{ height: 170px; background: #666; margin-top: 16px; }
#footer a{ color: #fff; }
#footer .footerl{display: inline; float: left; width: 850px;}
#footer .footernav{ font-weight: 600px; height: 40px; line-height: 40px; font-size: 14px;padding-top: 30px;}
#footer .footernav a{margin-right:10px; color: #fff;}
#footer .copy{ color: #fff; line-height: 22px; font-size: 12px; }
#footer .copy p{ margin:0; }
#ewm{ display: inline; float: right;margin-top: 23px;}
#ewm a{ display: inline; text-align: center; font-size: 14px; float: left; margin-right: 30px;}
#ewm a p{margin-top: 5px;}
/*漂浮*/
#floatmenu1 p{margin: 0}
#floatmenu1 a {	color:#666;	text-align:center;	text-decoration:none}
.listnav {width:87px;position:fixed!important;position:absolute;z-index:999;bottom:5%;display:block; right: 5px}
.listnav_a {width:87px;	left:94%;position:fixed!important;position:absolute;z-index:5;bottom:5%;display:block}
.weixin_show {width:120px;height:150px;position:absolute;top:75px;left:-130px;padding:5px;background:#ff8400;text-align:center;color:#fff;font-size:14px;line-height:30px}
.qq_show {width:130px;height:65px;position:absolute;top:0px;left:-130px;padding-top:10px;background:#ff8400;text-align:center;color:#fff;font-size:14px;line-height:26px}
#floatmenu_qq {width:87px;height:75px;text-align:center;background:url(img/piaofu.png) no-repeat 0px 0px;	display:block;}
a#floatmenu_qq {color:#fff}
#floatmenu_weixin {width:87px;height:25px;	padding-top:50px;background:url(img/piaofu.png) no-repeat 0px -75px;display:block}
#floatmenu_zixun {width:87px;height:25px;padding-top:50px;background:url(img/piaofu.png) no-repeat 0px -150px;display:block}
#floatmenu_tousu {width:87px;height:25px;padding-top:50px;background:url(img/piaofu.png) no-repeat 0px -225px;display:block}
#floatmenu_fanhui {	width:87px;height:25px;padding-top:50px;background:url(img/piaofu.png) no-repeat 0px -300px;display:block}
#floatmenu_qq:hover {background:url(img/piaofu.png) no-repeat -88px 0px;color:#fff}
#floatmenu_weixin:hover {background:url(img/piaofu.png) no-repeat -88px -75px;color:#fff}
#floatmenu_weixin:hover .weixin_show {display:block}
#floatmenu_zixun:hover {background:url(img/piaofu.png) no-repeat -88px -150px;color:#fff}
#floatmenu_tousu:hover {background:url(img/piaofu.png) no-repeat -88px -225px;color:#fff}
#floatmenu_fanhui:hover {background:url(img/piaofu.png) no-repeat -88px -300px;color:#fff}
.ty_tt{ height: 38px; line-height: 38px; background: url(img/ttl.jpg) left center no-repeat; padding-left: 16px; font-size: 18px; border-bottom:1px solid #ddd;margin-top:15px;}
.linkm{ padding:10px 0; }
.linkm a{white-space: nowrap; margin: 0 6px; color: #666; font-size: 12px;}
/*boxright*/
.boxright{ width: 890px; padding: 10px 15px 20px 15px; display: inline; float: right; margin-top: 16px; background: #fff; border: 1px solid #e7e7e7; }
/*位置*/
.weizhi{ height: 44px; line-height: 44px; border-bottom: 1px solid #e7e7e7;}
.weizhi h3{ display: inline; float: left; background: url(img/ttl.jpg) left center no-repeat; padding-left:16px;  height: 44px; font-size: 20px; font-weight: normal;}
.weizhi span{ color: #666;font-size: 12px; }
.weizhi a{ color: #666; }
/*boxleft*/
.mt16{margin-top: 16px;}
.boxleft{ width: 260px; display: inline; float: left;overflow: hidden;}
.boxmenugn{background: #fff;padding:0px 15px 10px; overflow:hidden; border: 1px solid #E7E7E7; border-top: 5px solid #dedede}
.submun{ background: #fff; padding:10px 0px 10px 0px; overflow: hidden; }
.submun li{ display: block; margin-top: 4px; }
.submun li a{ display: block; height: 40px; line-height:40px; border: 1px solid #e7e7e7; padding-left: 26px; font-size: 14px;text-decoration: none; color: #555}
.submun li a:hover,.submun li.active a{background:#4c9418; color: #fff; border-color:#4c9418}

/*art*/
.att{  border-bottom: 1px solid #e7e7e7; height: 54px; line-height: 54px; position: relative; overflow: hidden;}
.att h3{ display: inline; float: left; font-size:18px;color: #4c9418; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.att h3 span{ margin-left: 10px;text-transform: capitalize; color:#d9d9d9;font-weight: normal; font-size: 16px;}
.att em{position: absolute; height: 1px; width: 24px; background: #4c9418; line-height:normal;overflow: hidden; font-size:1px; left: 0; bottom: -1px;}
/*联系我们*/
.contactbox{background: #fff;padding:0px 15px 15px;border: 1px solid #E7E7E7;}
.contactinfo p{margin: 0; line-height: 26px; font-size: 12px; }
.contactinfo { padding-top: 10px; color: #666; font-size: 12px;}
.zxzx{ display: block; text-align:center;margin-top: 9px; overflow: hidden;}
.zxzx a{ width:110px; height:37px;text-align:center; color:#fff; line-height:37px; display:inline; float: left;}
.zxzx a.aa{  background:#ff8f00;}
.zxzx a.bb{  background:#50a11c; margin-left: 5px;}

/*page*/
.pages{ overflow:hidden; margin:30px auto;font-size:12px;text-align:center; margin-bottom: 15px;}
.pages a { display:inline-block; margin:0 2px; height:34px; line-height:34px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 12px}
.pages a.a1 {width:56px; padding:0; background:#f8f8f8;}
.pages a:hover {background:#4c9418; border-color:#4c9418; color:#fff; text-decoration:none; }
.pages span {display:inline-block; margin:0 2px; height:34px;padding:0 12px; line-height:34px; background:#4c9418; border:1px solid #4c9418; color:#fff; text-align:center; }
/*content*/
.content{overflow:hidden; font-size: 16px; padding-top: 10px; line-height: 180%;color: #333;}
.content p{margin-bottom: 15px;}
.content img{ max-width:100%!important;}
.content h1{ font-family:"微软雅黑"; font-weight:normal;font-size:28px;  text-align:center; padding-bottom:15px; padding-top: 20px; border-bottom: dotted #dedede 1px; margin-bottom: 4px;}
.pd10{ padding: 0 10px; }
.content_info{ height:20px; line-height:20px; font-size:12px; color:#666; text-align:center;overflow: hidden;margin-bottom: 20px;}
.newslist li{ height: 36px; padding-left: 18px; line-height: 36px; background: url(img/dian.jpg) 5px center no-repeat;border-bottom: 1px dotted #dedede; overflow: hidden;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newslist li a:hover{color: #4c9418}
.newslist li span{  display: inline; float: right; font-size: 12px; color: #666; padding: 0 8px; }

.page_back{ border-top:1px dotted #dedede; padding-top:10px; margin-top:20px; position:relative; min-height:50px; _height:50px; font-size:14px; line-height:30px; margin-bottom:10px;}
.page_back a{ color:#4c9418;}
.page_back a:hover{ text-decoration:underline;}
.page_back .bapage_back_up{ position:absolute; right:0; top:25px;}

/* 在线留言列表*/
.lylb{margin-top:10px; margin-bottom:15px; line-height:21px; background-color:#fff; font-size: 12px;}
.lylb dt{background:#4c9418; padding:6px 10px; font-size:12px; color:#FFF;}
.lylb dt b{ font-weight:normal;}
.lylb dd{font-size:14px; padding:5px 10px; background-color:#f8f8f8; color:#666;}
.lylb dd.hf{color:#ff8f00;}
.rptime{text-align:right; padding-right:20px; color:#999; width:80px; font-size:12px; border-left:1px solid #CCC}
.lylb b{ font-size:14px;}

/*在线留言*/
.tusubox{ padding:15px 30px; font-size: 14px;}
.tusubox td{ padding:3px; vertical-align:middle; }
.tusubox input{ background-color:#fff; border:0 none; outline:none; height:32px; text-indent:10px; border:1px #dedede solid; line-height:32px;width:240px;}
.tusubox textarea{background-color:#fff; border:0 none; width:600px;outline:none;  height:200px;border:1px #dedede solid;}
.tusubox input.tjsubmit{ display:inline; float:left; color:#fff; cursor:pointer; height:36px; line-height:36px; text-align:center; 
width:90px; background-color:#4c9418; border:0; text-indent:0;}
/*分页样式*/
.pglist {
	padding: 25px 0;
	float: left;
	width: 100%;
	line-height: 34px;
	text-align: center;
}
.pglist a {
	color: #fff;
	padding: 0 12px;
	margin: 0 5px;
font-/weight: bold;
	background: #ea7724;
}
.pglist * {
	display: inline-block;
	_zoom: 1;
	_display: inline;
	vertical-align: middle;
	line-height: 32px;
	height: 32px;
	padding-bottom: 1px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}
.pglist .hover {
	display: inline-block;
	color: #fff;
	background: #23201d;
}
.pglist a:hover {
	display: inline-block;
	color: #fff;
	background: #23201d;
}
.pglist a.current {
	display: inline-block;
	color: #fff;
	background: #23201d;
}